<template>
    <div class="footer">
      BBBBBBBBBBBBBBBBB
    </div>
</template>

<script>
export default {
  name: 'tabBar'
}
</script>

<style scoped>
  .footer {
    height: 2.75rem; }
  .footer ul {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 0.15625rem;
    height: 2.59375rem;
    font-size: 0.5625rem;
    background: #e3e3e3;
    border-top: 2px #dcdcdc solid; }
  .footer li {
    float: left;
    width: 33.3%;
    overflow: hidden;
    text-align: center; }
  .footer li:before {
    display: block;
    font-family: 'icons';
    line-height: 1.5625rem;
    font-size: 1.4375rem;
    color: #777; }
  .footer li.loan:before {
    content: ""; }
  .footer li.credit:before {
    content: ""; }
  .footer li.user:before {
    content: ""; }
  .footer li.on, .footer li.on:before {
    color: #3297fd; }

</style>
